<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{$Think.config.zanpian['zanpian_name']}{$Think.config.cms['cms_version']}系统安装</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="{$Think.TPL_PATH}tpl/zanpianadmin/css/style.css?v={$Think.config.cms['cms_version']}">
<script src="{$Think.TPL_PATH}tpl/zanpianadmin/libs/jquery/jquery.min.js?v={$Think.config.cms['cms_version']}"></script>
<script src="{$Think.TPL_PATH}tpl/zanpianadmin/libs/bootstrap/js/bootstrap.min.js?v={$Think.config.cms['cms_version']}"></script>
<script src="{$Think.TPL_PATH}tpl/zanpianadmin/libs/layer/layer.js?v={$Think.config.cms['cms_version']}"></script>
<style>
body{font-family: "Microsoft Yahei",'新宋体';}
.container{background: #ffffff; margin: 50px auto; padding: 20px 0; width: 1024px;}
.header-title{border-bottom: 1px solid #dedede; margin-bottom: 10px;}
.progress-tool{padding: 10px;}
.progress{height: 30px;}
.progress-bar{line-height: 30px; font-size: 14px;}
.article{padding: 0 20px;}
.copyright{ background:none;margin: 50px auto;width: 1024px;}
h1{font-size: 18px; color: #333333; font-weight: bold;}
h2{font-size: 16px; color: #333333; font-weight: bold;}
</style>
<script type="text/javascript">
var zanpiancms = {"name":"{$Think.config.zanpian['zanpian_name']}","title":"{$Think.config.zanpian['zanpian_cmsname']}","version":"{$Think.config.cms['cms_version']}","apiurl":"{$Think.config.cms['cms_version']}","root":"{$Think.URL_PATH}","tpl":"{$Think.TPL_PATH}","moduleurl":"{:url('install/index')}","referer":""};
</script>
</head>
<body style="background:  rgb(230, 234, 234)">
<div class="container">
	<div class="margin">
		<div class="text-center header-title margin-top">
			<h1>{$Think.config.zanpian['zanpian_name']} {$Think.config.cms['cms_version']}系统安装</h1>
		</div>
		<div class="progress-tool">
			<div class="progress">
				<div class="progress-bar progress-bar-{$status['index']} progress-bar-striped" style="width: 20%">
					<span>系统安装</span>
				</div>
				<div class="progress-bar progress-bar-{$status['check']} progress-bar-striped" style="width: 20%">
					<span>环境检查</span>
				</div>
				<div class="progress-bar progress-bar-{$status['config']} progress-bar-striped" style="width: 20%">
					<span>系统配置</span>
				</div>
				<div class="progress-bar progress-bar-{$status['sql']} progress-bar-striped" style="width: 20%">
					<span>数据库安装</span>
				</div>
				<div class="progress-bar progress-bar-{$status['complete']} progress-bar-striped" style="width: 20%">
					<span>安装完成</span>
				</div>
			</div>
		</div>
		<div class="article margin-top">
			{block name="body"}{/block}

			<div class="margin-top">
				{block name="footer"}{/block}
			</div>
		</div>

	</div>
           
</div>
<div class="copyright" style=" position:static; text-align:center">Powered by ZanPianCms ©2019-2020 All Rights Reserved <a href="{$Think.config.zanpian['zanpian_url']}" target="_blank">{$Think.config.zanpian['zanpian_name']}</a></div> 

<script src="{$Think.TPL_PATH}tpl/zanpianadmin/js/zanpiancms.js?v={$Think.config.cms['cms_version']}"></script>
<script type="text/javascript">
$(document).ready(function(){
	zanpian.cms.install();
});	
</script>
</body>
</html>